<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">

    <wicket:extend>
    
        <div>
        
    <h1>Make Your Avatar Square</h1>
At dzone.com your user image needs to be square. This form will help you get it into that shape.

Drag any of the edges of the selection block to resize the cropping area
Click on the selection block and drag to the area of your image you want to use
Click "Crop Image"!

		<center><img wicket:id="image" /></center>
        <div class="clear" wicket:id="info"></div>
        <a wicket:id="crop">Crop!</a>
        </div>
    </wicket:extend>
</html>
